// lunarCalendarPack/pages/lunarCalendar/shouldBeDetails/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    barMarginTop: '16',
    barHeight: '52',
    barWidth: '0',
    scrollHeight: '',
    colorSetting: {
      name: '',
      textColor: '',
      subTextColor: '',
      bgColor: '',
      linear: '',
      shadow: '',
      cover01: '',
      cover02: '',
    },
    wuxing: '',
    title: '宜修养生息',
    content: '昔在黄帝，生而神灵，弱而能言，幼而徇齐，长而敦敏，成而登天。乃问于天师曰：余闻上古之人，春秋皆度百岁，而动作不衰；今时之人，年半百而动作皆衰者，时世异耶？人将失之耶？岐伯对曰：上古之人，其知道者，法于阴阳，和于术数，食饮有节，起居有常，不妄作劳，故能形与神俱，而尽终其天年，度百岁乃去。今时之人不然也，以酒为浆，以妄为常，醉以入房，以欲竭其精，以耗散其真，不知持满，不时御神，务快其心，逆于生乐，起居无节，故半百而衰也。夫上古圣人之教下也，皆谓之虚邪贼风，避之有时，恬惔虚无，真气从之，精神内守，病安从来。是以志闲而少欲， 心安而不惧， 形劳而不倦， 气从以顺， 各从其欲， 皆得所愿。故美其食， 任其服， 乐其俗， 高下不相慕， 其民故曰朴。是以嗜欲不能劳其目， 淫邪不能惑其心， 愚智贤不肖， 不惧于物， 故合于道。所以能年皆度百岁而动作不衰者， 以其德全不危也。帝曰： 人年老而无子者， 材力尽邪？ 将天数然也？岐伯曰： 女子七岁， 肾气盛， 齿更发长。二七， 而天癸至， 任脉通， 太冲脉盛， 月事以时下， 故有子。三七， 肾气平均， 故真牙生而长极。四七， 筋骨坚， 发长极， 身体盛壮。五七， 阳明脉衰， 面始焦， 发始堕。六七， 三阳脉衰于上， 面皆焦， 发始白。七七， 任脉虚， 太冲脉衰少， 天癸竭， 地道不通， 故形坏而无子也。丈夫八岁， 肾气实， 发长齿更。二八， 肾气盛， 天癸至， 精气溢泻， 阴阳和， 故能有子。三八， 肾气平均， 筋骨劲强， 故真牙生而长极。四八， 筋骨隆盛， 肌肉满壮。五八， 肾气衰， 发堕齿槁。六八， 阳气衰竭于上， 面焦， 发鬓斑白。七八， 肝气衰， 筋不能动。八八， 天癸竭， 精少， 肾脏衰， 形体皆极， 则齿发去。肾者主水， 受五脏六腑之精而藏之， 故五脏盛， 乃能泻。今五脏皆衰， 筋骨解堕， 天癸尽矣， 故发鬓白， 身体重， 行步不正， 而无子耳。 帝曰： 有其年已老， 而有子者， 何也？岐伯曰： 此其天寿过度， 气脉常通， 而肾气有余也。 此虽有子， 男子不过尽八八， 女子不过尽七七， 而天地之精气皆竭矣。帝曰： 夫道者年皆百岁， 能有子乎？岐伯曰： 夫道者能却老而全形， 身年虽寿， 能生子也。黄帝曰： 余闻上古有真人者， 提挈天地， 把握阴阳， 呼吸精气， 独立守神， 肌肉若一， 故能寿敝天地， 无有终时， 此其道生。中古之时， 有至人者， 淳德全道， 和于阴阳， 调于四时， 去世离俗， 积精全神， 游行天地之间， 视听八达之外， 此盖益其寿命而强者也， 亦归于真人。其次有圣人者， 处天地之和， 从八风之理， 适嗜欲于世俗之间， 无恚嗔之心， 行不欲离于世， 被服章， 举不欲观于俗， 外不劳形于事， 内无思想之患， 以恬愉为务， 以自得为功， 形体不敝， 精神不散， 亦可以百数。其次有贤人者， 法则天地， 象似日月， 辨列星辰， 逆从阴阳， 分别四时， 将从上古合同于道， 亦可使益寿而有极时。 ',
    source: '黄帝内经',
    author: '轩辕黄帝',
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (opt) {
    this.setData({
      wuxing: opt.wuxing,
    })
    this.getBarHeight()
    this.setListHeight()
    this.setColor()
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {},

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {},

  /**
   * 设置导航栏高度
   */
  getBarHeight() {
    let systemInfo = wx.getSystemInfoSync()
    let statusBarHeight = systemInfo.statusBarHeight
    let menu = wx.getMenuButtonBoundingClientRect()

    let barMarginTop = menu.top
    let barHeight = menu.height + 10
    let barWidth = systemInfo.windowWidth - (systemInfo.windowWidth - menu.right + menu.width)

    this.setData({
      barMarginTop: barMarginTop,
      barHeight: barHeight,
      barWidth: barWidth
    })
  },

  /**
   * 设置scroll-view高度
   */
  setListHeight() {
    let systemInfo = wx.getSystemInfoSync(),
      rpx = systemInfo.windowWidth / 750, // 计算rpx
      hei = parseInt(this.data.barMarginTop) + parseInt(this.data.barHeight) + 4,
      tapHeight = Math.floor(rpx * hei * 2), // tap高度
      scrollHeight = systemInfo.windowHeight - tapHeight; // swiper高度
    this.setData({
      scrollHeight
    });
  },

  setColor() {
    let _this = this
    let wuxing = _this.data.wuxing
    let curColor = {}
    let colorSetting = [
      {
        name: '金',
        textColor: '#111',
        subTextColor: '#F3DD18',
        bgColor: '#FFF2C2',
        linear: 'linear-gradient(90deg, #FFF2C2 0%, #FFF6D6 100%)',
        shadow: '-10rpx -10rpx 32rpx rgba(255, 255, 255, 0.7), 4rpx 4rpx 40rpx rgba(245, 192, 112, 0.4), inset 1rpx 1rpx 2rpx rgba(255, 255, 255, 0.6), inset -1rpx -1rpx 2rpx rgba(255, 255, 255, 0.5)',
        cover01: 'linear-gradient(180deg, rgba(255, 245, 206, 0.3) 0%, #FFF3C3 100%), linear-gradient(90deg, rgba(255, 244, 200, 0.8) 0%, rgba(255, 243, 195, 0.8) 100%)',
        cover02: 'linear-gradient(180deg, rgba(255, 245, 206, 0.3) 0%, #FFF3C3 100%), linear-gradient(90deg, rgba(255, 244, 200, 0.86) 0%, rgba(255, 243, 195, 0.86) 100%)',
      },
      {
        name: '木',
        textColor: '#111',
        subTextColor: '#58BE93',
        bgColor: '#E3F9F1',
        linear: 'linear-gradient(90deg, #D4FBEB 0%, #E3FFF3 100%)',
        shadow: '-10rpx -10rpx 32rpx rgba(255, 255, 255, 0.7), 4rpx 4rpx 40rpx rgba(157, 235, 206, 0.4), inset 1rpx 1rpx 2rpx rgba(255, 255, 255, 0.6), inset -1rpx -1rpx 2rpx rgba(255, 255, 255, 0.5)',
        cover01: 'linear-gradient(180deg, rgba(213, 252, 236, 0.3) 0%, #D5FCEC 100%), linear-gradient(90deg, rgba(213, 252, 236, 0.8) 0%, rgba(228, 255, 244, 0.8) 100%)',
        cover02: 'linear-gradient(180deg, rgba(213, 252, 236, 0.3) 0%, #D5FCEC 100%), linear-gradient(90deg, rgba(213, 252, 236, 0.86) 0%, rgba(228, 255, 244, 0.86) 100%)',
      },
      {
        name: '水',
        textColor: '#111',
        subTextColor: '#93B1D0',
        bgColor: '#E3EEF9',
        linear: 'linear-gradient(90deg, #D9ECFF 0%, #E3EEF9 100%)',
        shadow: '-10rpx -10rpx 32rpx rgba(255, 255, 255, 0.7), 4rpx 4rpx 40rpx #B9D3EC, inset 1rpx 1rpx 2rpx rgba(255, 255, 255, 0.6), inset -1rpx -1rpx 2rpx rgba(255, 255, 255, 0.5)',
        cover01: 'linear-gradient(180deg, rgba(223, 238, 252, 0) 0%, rgba(223, 238, 252, 0.8) 100%), linear-gradient(90deg, rgba(221, 237, 254, 0.8) 0%, rgba(227, 238, 249, 0.8) 100%)',
        cover02: 'linear-gradient(180deg, rgba(223, 238, 252, 0.3) 0%, #DFEEFC 100%), linear-gradient(90deg, rgba(221, 237, 254, 0.86) 0%, rgba(227, 238, 249, 0.86) 100%)',
      },
      {
        name: '火',
        textColor: '#111',
        subTextColor: '#EE7A7A',
        bgColor: '#F9E3E3',
        linear: 'linear-gradient(90deg, #F9E5E5 0%, #FBF0EE 100%)',
        shadow: '-10rpx -10rpx 32rpx rgba(255, 255, 255, 0.7), 4rpx 4rpx 40rpx rgba(220, 191, 191, 0.4), inset 1rpx 1rpx 2rpx rgba(255, 255, 255, 0.6), inset -1rpx -1rpx 2rpx rgba(255, 255, 255, 0.5)',
        cover01: 'linear-gradient(180deg, rgba(250, 230, 230, 0.3) 0%, #FAE6E6 100%), linear-gradient(90deg, rgba(250, 230, 230, 0.8) 0%, rgba(251, 240, 238, 0.8) 100%)',
        cover02: 'linear-gradient(180deg, rgba(250, 230, 230, 0.3) 0%, #FAE6E6 100%), linear-gradient(90deg, rgba(250, 230, 230, 0.86) 0%, rgba(251, 240, 238, 0.86) 100%)',
      },
      {
        name: '土',
        textColor: '#111',
        subTextColor: '#F5CA8A',
        bgColor: '#F8F0E1',
        linear: 'linear-gradient(90deg, #F8F0E1 0%, #FFF8EB 100%)',
        shadow: '-10rpx -10rpx 32rpx rgba(255, 255, 255, 0.7), 4rpx 4rpx 40rpx rgba(232, 217, 188, 0.4), inset 1rpx 1rpx 2rpx rgba(255, 255, 255, 0.6), inset -1rpx -1rpx 2rpx rgba(255, 255, 255, 0.5)',
        cover01: 'linear-gradient(180deg, rgba(255, 249, 235, 0.3) 0%, #F9F1E2 100%), linear-gradient(90deg, rgba(249, 241, 226, 0.8) 0%, rgba(249, 241, 226, 0.8) 100%)',
        cover02: 'linear-gradient(180deg, rgba(255, 249, 235, 0.3) 0%, #F9F1E2 100%), linear-gradient(90deg, rgba(249, 241, 226, 0.86) 0%, rgba(249, 241, 226, 0.86) 100%)',
      },
    ]
    colorSetting.forEach((item, index) => {
      if(item.name === wuxing) {
        curColor = item
      }
    })
    _this.setData({
      colorSetting: curColor
    })
  },

  goIndex() {
    wx.navigateBack({
      delta: 0,
      fail: function() {
        wx.navigateTo({
          url: '/lunarCalendarPack/pages/lunarCalendar/index',
        })
      }
    })
  },

  bindDownLoad() {},
})